import { Meta } from "@storybook/addon-docs";
import { Flex } from "@appsmith/wds";
import { AIChatThumbnail } from "../components/Thumbnails/AIChatThumbnail";
import { ButtonThumbnail } from "../components/Thumbnails/ButtonThumbnail";
import { CheckboxGroupThumbnail } from "../components/Thumbnails/CheckboxGroupThumbnail";
import { CheckboxThumbnail } from "../components/Thumbnails/CheckboxThumbnail";
import { ComboboxSelectThumbnail } from "../components/Thumbnails/ComboboxSelectThumbnail";
import { CurrencyInputThumbnail } from "../components/Thumbnails/CurrencyInputThumbnail";
import { DatePickerThumbnail } from "../components/Thumbnails/DatePickerThumbnail";
import { EmailInputThumbnail } from "../components/Thumbnails/EmailInputThumbnail";
import { HeadingThumbnail } from "../components/Thumbnails/HeadingThumbnail";
import { IconButtonThumbnail } from "../components/Thumbnails/IconButtonThumbnail";
import { InlineButtonsThumbnail } from "../components/Thumbnails/InlineButtonsThumbnail";
import { InputThumbnail } from "../components/Thumbnails/InputThumbnail";
import { KeyValueThumbnail } from "../components/Thumbnails/KeyValueThumbnail";
import { MenuButtonThumbnail } from "../components/Thumbnails/MenuButtonThumbnail";
import { ModalThumbnail } from "../components/Thumbnails/ModalThumbnail";
import { MultiSelectThumbnail } from "../components/Thumbnails/MultiSelectThumbnail";
import { MultilineInputThumbnail } from "../components/Thumbnails/MultilineInputThumbnail";
import { NumberInputThumbnail } from "../components/Thumbnails/NumberInputThumbnail";
import { ParagraphThumbnail } from "../components/Thumbnails/ParagraphThumbnail";
import { PasswordInputThumbnail } from "../components/Thumbnails/PasswordInputThumbnail";
import { PhoneInputThumbnail } from "../components/Thumbnails/PhoneInputThumbnail";
import { RadioGroupThumbnail } from "../components/Thumbnails/RadioGroupThumbnail";
import { SectionThumbnail } from "../components/Thumbnails/SectionThumbnail";
import { SelectThumbnail } from "../components/Thumbnails/SelectThumbnail";
import { StatsBoxThumbnail } from "../components/Thumbnails/StatsBoxThumbnail";
import { SwitchGroupThumbnail } from "../components/Thumbnails/SwitchGroupThumbnail";
import { SwitchThumbnail } from "../components/Thumbnails/SwitchThumbnail";
import { TableThumbnail } from "../components/Thumbnails/TableThumbnail";
import { ToolbarButtonsThumbnail } from "../components/Thumbnails/ToolbarButtonsThumbnail";
import { ZoneThumbnail } from "../components/Thumbnails/ZoneThumbnail";

<Meta title="Appsmith Icons/Thumbnails" />

# Thumbnails

Icon set for Widget Explorer Panel, which provides a visual representation of the widgets.

export const Icons = () => {
  return (
    <Flex gap="spacing-4" wrap="wrap">
      <AIChatThumbnail />
      <ButtonThumbnail />
      <CheckboxGroupThumbnail />
      <CheckboxThumbnail />
      <ComboboxSelectThumbnail />
      <CurrencyInputThumbnail />
      <DatePickerThumbnail />
      <EmailInputThumbnail />
      <HeadingThumbnail />
      <IconButtonThumbnail />
      <InlineButtonsThumbnail />
      <InputThumbnail />
      <KeyValueThumbnail />
      <MenuButtonThumbnail />
      <ModalThumbnail />
      <MultiSelectThumbnail />
      <MultilineInputThumbnail />
      <NumberInputThumbnail />
      <ParagraphThumbnail />
      <PasswordInputThumbnail />
      <PhoneInputThumbnail />
      <RadioGroupThumbnail />
      <SectionThumbnail />
      <SelectThumbnail />
      <StatsBoxThumbnail />
      <SwitchGroupThumbnail />
      <SwitchThumbnail />
      <TableThumbnail />
      <ToolbarButtonsThumbnail />
      <ZoneThumbnail />
    </Flex>
  );
};

<Icons />
